<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<meta name="applicable-device" content="mobile">
		<meta name="author" content="zhj、jsl" />
		<title>订单支付成功</title>
		<link rel="apple-touch-icon" href="../img/logo100.png">
		<link rel="icon" href="../img/logo100.png">
		<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css" />
		<link rel="stylesheet" type="text/css" href="../lisp/swiper/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/productDetails.css?v= a2ef2" />
		<!-- 自己的css -->
		<link rel="stylesheet" type="text/css" href="../css/orderFinish.css" />
	</head>

	<body>
		<div class="hui"></div>
		<div class="bai"></div>
		<div class="hintInfo"></div>
		<div class="loadImgBox">
			<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
		</div>
		<div id="app" class="main">
			<div class="order-info">
				<!--支付完成信息-->
				<div class="paySuccess">
					<div class="imgbox-s"><img src="../img/shop/pay_icon.png"></div>
					<div>
						<p>支付方式：<span v-text="orderInfo.payChannel"></span></p>
						<p>支付金额：<span>￥<i v-text="orderInfo.orderAmount"></i></span></p>
						<p>优惠金额：<span>￥<i v-text="orderInfo.amount"></i></span></p>
					</div>
				</div>
				<div class="lookorder cursor-mouse">
					<van-button @click='toOrderDetails' class='cursor-mouse' square type="primary">查看订单</van-button>
				</div>
				<!--你可能还喜欢-->
				<div class="probably-like">
					<div class="maybe-like-box">
						<span class="maybe-like">你可能还喜欢</span>
					</div>
					<div class="product-details-hot product-details-hot-false">
						<div class="product-hot" v-for="(item,index) in hot" v-show="item.isKill!==0" :key='index' @click.stop="toProduct(item.virtualGoodsCode,item.imgUrl,item.goodsName,item.isSelf)">
							<!--<span v-if="item.isKill==0" class="product-sale-hot">秒杀</span>-->
							<!--<span v-if="(!!item.isHot&&!!item.isSelf)&&item.isKill==1" class="product-sale-hot">天猫</span>-->
							<span v-if="(!item.isHot||item.isHot==0)&&item.isKill==1" class="product-sale-hot">热卖</span>
							<div class="productBox-recommend">
								<img :id="'index'+index" v-lazy="item.imgUrl.indexOf('group1/M00')<0?item.imgUrl:item.imgUrl+'_600x8000.jpg'" />
							</div>
							<!--  :src  -->
							<img class="product-line" src="../img/product/line.png" />
							<div class="product-hot-division"></div>
							<div class="product-hot-info">
								<span v-if="(!!item.isHot&&!!item.isSelf)&&item.isKill==1" class="product-tm-hot">天猫</span>
								<span v-text="item.goodsName"></span>
							</div>
							<div class="product-hot-price">
								<!--推荐商品 - 秒杀跳转app无法实现正常流程 所以没有秒杀商品-->
								<span v-show="item.isKill==1">¥<i v-text='!!isFx?item.minPrice:item.lowSellingPrice'></i><u class="product-hot-get-price" v-show='!!isDz'><i>/</i><u>赚{{item.minCommission}}</u></u></span>
								<span v-show="item.isKill==0">秒 ¥<i v-text='item.secondKillPrice'></i></span>
								<span v-show="item.isKill==0" class="no-price">¥<i v-text='!!isFx?item.minPrice:item.lowMarketPrice'></i></span>
								<span v-show="!!item.lowVipPrice&&item.isKill==1">
								<img class="product-hot-vipImg" src="../img/product/viplist.png"/>
								<u v-text='item.lowVipPrice'></u>
							</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--返回首页-->
			<div class="return-index">
				<van-button @click="backHome" square type="primary">返回首页</van-button>
			</div>
		</div>

	</body>
	<script src="../lisp/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/fastclick.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vant/js/vantJs.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue-lazyload.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/constant.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/radialIndicator/iscroll.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- 自己的js -->
	<script src="../js/orderFinish.js" type="text/javascript" charset="utf-8"></script>

</html>